<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--{"url":"http://localhost:9101/img/7.jpg","uid":1548143143155,"status":"success"}]
{"url":"http://localhost:9101/img/7.jpg","uid":1548143143155,"status":"success"}]
-->
<div id="app">
    <div class="app-container">
        <div class="box">
            <div class="filter-container">
                <el-table :data="tableData" border style="width: 100%">
                    <el-table-column label="相册" width="200">
                        <template v-for="item in tableData.image_items" slot-scope="scope">
                            <img width="100px" height="50px" :src="scope.row.image">
                        </template>
                    </el-table-column>
                </el-table>
            </div>
        </div>
    </div>
</div>
</body>
<script src="/js/vue.js"></script>
<script src="/js/axios.js"></script>
<script src="/js/elementui.js"></script>
<script src="/js/util.js"></script>
<script>
    new Vue({
            el: '#app',
            data() {
                return {
                    tableData: [],
                    searchMap: {},
                    pojo: {},
                    formVisible: false,
                    imageUrl: '',
                    id: 0
                }
            },
            created() {
                this.id = getQueryString("id");
                this.searchMap = {id: getQueryString("id")};
                this.fetchData();
            },
            methods: {
                fetchData() {
                    axios.post(`/album/findById.do`, this.searchMap).then(response => {
                        this.tableData = response.data;
                    });
                },
            }
        }
    )
</script>

</html>